<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>钱包盒子-信用卡代还</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.css" />
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/post-form.css" />
	</head>

	<body class="bg-white">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">信用卡代还</h1>
		</header>
		<div class="mui-content mui-scroll-wrapper bg-white">
			<div class="mui-scroll">
				
				<div class="banner-box2">
					<img width="100%" src="../img/img-banner3.png"/>
				</div>
				
				<div class="post-form">
					<h5 class="subtitle fc2-1">借多少（元）</h5>
					<div class="mb-input1 layout-box">
						<div class="input-box flex-item1">
							<input type="tel" placeholder="输入金额" onblur="numRange(this,30000,150000);">
						</div>
						<span class="text">￥30000 - ￥150000</span>
					</div>
					
					<h5 class="subtitle fc2-1">借多久（月）</h5>
					<ul class="mui-table-view-radio mb-radio date-radio date-radio2 clearfix">
						<li class="mui-table-view-cell" value="1"><div class="btn">3</div></li>
						<li class="mui-table-view-cell" value="2"><div class="btn">6</div></li>
						<li class="mui-table-view-cell" value="3"><div class="btn">9</div></li>
						<li class="mui-table-view-cell mui-selected" value="4"><div class="btn">12</div></li>
					</ul>
					
					<h5 class="subtitle fc2-1">每月还款（元）</h5>
					<div class="mb-input2">
						<div class="input-box">
							<input type="tel" placeholder="0.00">
						</div>
					</div>
					
					<button id="sendBtn" class="mui-btn mui-btn-block send-btn" type="button">立即申请</button>
					<div class="note2 fc2-1">借款本金将直接打入您的信用卡用代还</div>
				</div>
					
			</div>
		</div>
	</body>
	<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.init();

		mui('.mui-scroll-wrapper').scroll({
			deceleration: 0.0005
		});

		mui.plusReady(function() {

		});
		
		function numRange(e,min,max) {
			var v = e.value || '';
			v = v.replace(/[^\d]/g,'');
			v = parseInt(v,10);
			var minVal = parseInt(min);
			var maxVal = parseInt(max);
			if(v < minVal){
				e.value = minVal;
			} else if(v > maxVal){
				e.value= maxVal;
			}
		}
	</script>

</html>